<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本和图片超链接</title>
</head>

<body>
    <a href="index.html" target="_self">首页</a>
    <a href="https://www.baidu.com/" target="_blank">百度</a>
    <a href="https://www.taobao.com/" target="_blank">淘宝</a>
    <a href="https://www.tmall.com/" target="_blank">天猫</a>
    <a href="https://www.jd.com/" target="_blank">京东</a>
    <a href="http://www.dangdang.com/" target="_blank">当当网</a>


    <a href="https://www.mi.com/buy/detail?product_id=12517" target="_blank">
        <img src="img/2.jpg" alt="小米10 至尊版" width="160" height="160">
    </a>
    <p>
        <a href="tel:15324498270">拨打电话</a>
    </p>

    <p>
        <a href="sms:15324498270">发送短消息</a>
    </p>
    <a href="mailto:test1@163.com?subject=Testing mailto&cc=test3@126.com">发送电子邮件</a>
    </p>
    <p>
        <a href="geopoint:108.954823,34.275891">我的位置</a>
    </p>
</body>

</html>